<template>
	<div class="container">
	<div class="container-left">
			<div class="pies1">
				<img src="../assets/img/add1.png" >
				<div class="bill">交易账单</div>
	
				<img src="../assets/img/url_to_qrcode@2x.png" >
	
			</div>
			<div class="pies2">
				<img src="../assets/img/banner.png" >
			</div>
			<div class="pies3">
					<el-carousel indicator-position="outside">
						<el-carousel-item >
						<img src="../assets/img/bottonimg.png" >
						</el-carousel-item>
						<el-carousel-item >
						<img src="../assets/bottomimg2.png" >
						</el-carousel-item>
					</el-carousel>
			</div>
	</div>
	<div class="container-right">
		
		<div class="section-one">
			<div class="sc1">
			<p>预留信息：<a href="	">未设置</a></p>
			<p>商户简称：专一网</p>
			<p>企业名称：湖南中德安普大数据网络科技有限公司</p>
			<p><label style="width: 100px;">行业类目：</label>
				<span style="width: 250px;">餐饮、零售批发、网上综合商城、交通出行、生活娱乐服务、培训教育机构、民营医疗机构、缴费等</span>
			</p>
			</div>
		</div>
		<div class="section-two">2</div>
		
	</div>
	</div>
</template>

<script>
	export default{
		name:'Main',
	}
</script>

<style scoped>
	.el-menu{
		height:90px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.el-menu-item{
		font-size: 16px;
		
	}
	.container{
		margin-top: 30px;
		display: flex;
		justify-content: center;
	}
	.container-left{
		width:854px;
		height: 769px;
		border: #e7eaf0 1px solid;
		background-color: #ffffff;
		margin-right: 4px;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.pies1{
		width: 94%;
		height: 106px;
		display: flex;
		align-items: center;
		border-bottom: 1px #e7eaf0 solid;
	
	}
	.bill{
		border: #e7eaf0 solid 1px;
		height: 31px;
		background-color:#FAFBFC; 
		margin-left: 9px;
		line-height: 31px;
	}
	.pies1 :nth-child(1){
	
		width: 31px;
		height: 31px;
	
	}
	.pies1 :nth-child(3){
	
		width: 59px;
		height: 59px;
		margin-left: 628px;
		
	
	}
	.pies2{
		display: flex;
		align-items: center;	
		border-bottom: 1px #e7eaf0 solid;
		height: 370px;
		
	}
	.pies2 img{
		margin-top: 30px;
		height: 270px;
	}
	
	.pies3{
		width: 800px;
	}
	.pies3 img{
		height: 204px;
		width: 800px;
	}
	.el-carousel img{
	margin-top:40px;
	}
	
	.container-right{
		width:318px;
		height: 769px;
		border: #E7EAF0 1px solid;
		background-color: #ffffff;
		margin-left: 4px;
		font-size: 14px;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #727272;
		/* line-height: 17px; */
	
	}
	.section-one{
		border-bottom: 3px #e7eaf0 solid;
		height: 303px;
	}
	.sc1{
		width: 253px;
		margin-left: 25px;
		margin-top: 40px;
	}
	.sc1 p{
		display: flex;
		margin-top:17px;
		line-height: 17px;
		font-weight: 500;
	}
	
	.section-two{
		border-bottom: 3px #e7eaf0 solid;
		height: 303px;
	}
</style>
